<template>
    <div class="app-container">
        <table-detail :id="id"></table-detail>
    </div>
</template>

<script>
import TableDetail from './components/TableDetail.vue'

export default {
    components: {
        TableDetail
    },
    data(){
        return {
            id: this.$route.params.id
        }
    },
    beforeRouteEnter(to, from, next) {
        // 修改路由元信息，不同路由使用同一个组件显示不同的tag名称
        if (to.query.name) {
            to.meta.title = "表信息-" + to.query.name
            // console.log("tag name", to.meta.title)
        }
        next()
    }
}
</script>

<style></style>